<script setup lang="ts">
import UserInfo from "./UserInfo.vue";
import Utools from "./Utools.vue";
import { useGameStore } from "@/stores/Game";

const Game = useGameStore();
const { user } = Game;
</script>
<template>
  <el-tabs class="main" type="border-card" :stretch="true">
    <!-- 个人信息 -->
    <el-tab-pane :label="user.environment">
      <UserInfo />
    </el-tab-pane>

    <!-- 工具 -->
    <el-tab-pane label="工具"> <Utools /> </el-tab-pane>
  </el-tabs>
</template>
<style lang="less" scoped>
.main {
  width: 90%;
  margin: 0 5%;
}
</style>
